<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>高校资源管理系统页面</title>
		<!--引入global.js： 公共文件的引入、关于token-->
		<script src="js/global.js"></script>
		<script src="js/loginFilter.js"></script>
		<!--登录验证，未登录的话，就自动跳转到登录页-->
	</head>

	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">高校资源管理系统</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item">
						<a href="index.html">首页</a>
					</li>
					<!-- <li class="layui-nav-item"><a href="">控制台</a></li>
				<li class="layui-nav-item"><a href="">商品管理</a></li> -->
					<li class="layui-nav-item">
						<a href="chat.html" target="right">聊天室</a>
					</li>
					<!-- <li class="layui-nav-item"><a href="javascript:;">其它系统</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">邮件管理</a>
						</dd>
						<dd>
							<a href="">消息管理</a>
						</dd>
						<dd>
							<a href="">授权管理</a>
						</dd>
					</dl></li> -->
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;"> <img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span id="showLoginName">贤心</span>
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">基本资料</a>
							</dd>
							<dd>
								<a href="">安全设置</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="welcome.html" target="right" id="logoutLink">退出</a>
					</li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test" id="mynav">
						<!-- <li class="layui-nav-item layui-nav-itemed"><a class="" -->
						<!--<li class="layui-nav-item"><a class=""
						href="javascript:;">基础管理</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="student.html" target="right">学生管理</a>
							</dd>
							<dd>
								<a href="teacher.html" target="right">教师管理</a>
							</dd>
							<dd>
								<a href="membership.html" target="right">院系管理</a>
							</dd>
							
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">高级管理</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="dailylog.html" target="right">日志管理</a>
							</dd>
							<dd>
								<a href="statistic2.html" target="right">资源统计折线图</a>
							</dd>
							
						</dl></li>
					<li class="layui-nav-item"><a href="showcard.html" target="right">模拟刷卡</a></li>
				    <li class="layui-nav-item"><a href="chat.html" target="right">交流中心</a></li>-->
					</ul>
				</div>
			</div>
			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div style="padding: 15px;">
					<iframe frameborder="0" style="width: 100%; min-height:700px;height:100%" src="welcome.html" name="right"> 
					</iframe>
				</div>

			</div>

			<div class="layui-footer">
				<!-- 底部固定区域 -->
				河南工业大学嵩山路校区资源管理系统
			</div>
		</div>

		<script>
			//JavaScript代码区域
			layui.use(['element', 'layer'], function() {
				var element = layui.element;
				var layer = layui.layer;
				var $ = layui.$;
				
				//设置显示登录用户名
				$("#showLoginName").html(globalData.getCurUName());

				//渲染左侧的导航
				$.post(globalData.server + "module/getModuleTreeByUserId", {
					"uid": globalData.getCurUid(),
					"token": globalData.getToken()
				}, function(res) {
					console.log(res)
					if(res!= null) {
						$("#mynav").html("");
						for(var i=0; i < res.length; i++) {//遍历父节点
							var str = '<li class="layui-nav-item"><a href="javascript:;">' + res[i].title + '</a><dl class="layui-nav-child">'
								for(var j=0; res[i].children!=null&&j < res[i].children.length; j++) {
									str += '<dd><a href="' + res[i].children[j].path + '"target="right">' + res[i].children[j].title + '</a></dd>'
							}
							str += '</dl></li>'
							$("#mynav").append(str);
						}
						//$("#mynav").html(str);
						element.render('nav'); //重新对导航进行渲染
					}
				})

				//退出
				$("#logoutLink").click(function() {
					layer.confirm('您确定要退出吗?', {
						icon: 3,
						title: '您正在退出此系统'
					}, function(index) {
						globalData.setUserInfo(null, null); //清空浏览器存储的用户信息
						globalData.setToken(null); //清空浏览器存储的tokenId
						window.location.href = 'login.html';
						layer.close(index);
					});
				})
			});
		</script>
	</body>

</html>